<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
	<title>产品列表页</title>
	<link rel="stylesheet" href="css/listPage.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/reset.css">
<!-- 	<script type="text/javascript" src="js/winResponsive.js"></script> -->
</head>
<body>
<header>
	<div class="container">
		<div class="left">
		<a href="#"><img src="images/sss.png" alt=""></a>
		<a href="#"><img src="images/message.jpg" alt=""></a>
		<a href="#"><img src="images/phone.jpg" alt=""></a>
		</div>
		<h3>伊森官方旗舰网站欢迎您的光临</h3>
	</div>
	<div class="logo">
		<div class="yisen">
			<a href="#"><img src="images/logo.png" alt=""></a>
		</div>
		<div class="nav">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="#">关于伊森</a></li>
				<li><a href="#">产品系列</a></li>
				<li><a href="#">售后服务</a></li>
				<li><a href="#">联系伊森</a></li>
			</ul>
		</div>
	</div>
</header>
<section class="wrap">
	<!-- banner区域 -->
	<div class="banner">
		<a href="#"><img src="images/listBanner.jpg" alt=""></a>
		<div>
			<a href="#"></a>
			<a href="#"  class="cur"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
	</div>
	<!-- 页面的导航 -->
	<div class="guide">
		<span>您的位置</span>
		<p><span><a href="index.html">首页</a></span>&gt;
		<a href="#">产品系列</a>&gt;
		<a href="#">男士腕表系列</a></p>
	</div>
	<!-- 网页的主体部分 -->
	<div class="main">
		<div class="left">
			<h2>所有伊森腕表</h2>
			
		</div>
		<div class="right">
			<div class="top">
				<h2>卓越性能与显赫象征</h2>
				<h1>伊森腕表</h1>
				<p>伊森腕表蕴含最优质的原材料与一丝不苟的工艺。每件组件均由伊森自行以严格的标准设计及研制。</p>
			</div>
			<div class="bottom">
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
				<div>
					<a href="#">
						<img src="images/listProduct.jpg" alt="">
					</a>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<div class="changePage">
					<a href="#" class="pre">上一页</a>
					<a href="#">1</a>
					<a href="#" class="page-cur">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">5</a>
					<a href="#">...</a>
					<a href="#">10</a>
					<a href="#" class="next">下一页</a>
					<input type="text">
					<a href="#" class="ture">确认</a>
	</div>
</section>
<footer>
	<div class="top">
	<div>
		<h2>伊森腕表品牌</h2>
		<ul>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
		</ul>
	</div>
		<div>
		<h2>伊森腕表品牌</h2>
		<ul>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
		</ul>
	</div>
		<div>
		<h2>伊森腕表品牌</h2>
		<ul>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
		</ul>
	</div>
	</div>
	<div class="bottom">
	<span>Copyright2016伊森腕表版权所有</span>
	<span>粤ICP备1234567号</span>
	<span>贵宾专线：400-200-9999</span>
	<span>地址：广州市海珠区XX大厦1808室</span>
	</div>
</footer>
	
</body>
</html>